<template>
	<div id="app">
		<!-- <nav>
			<router-link to="/">Home</router-link> |
			<router-link to="/about">About</router-link>
		</nav> -->
		<router-view />

		<LoginToast />
	</div>
</template>
<script>
import LoginToast from './components/LoginToast.vue'
export default {
	components: { LoginToast },
	provide() {},
	data() {
		return {}
	}
}
</script>
<style lang="scss">
#app {
	color: #2c3e50;
	font-family: 'Noto Sans SC';
}

nav {
	padding: 30px;

	a {
		font-weight: bold;
		color: #2c3e50;

		&.router-link-exact-active {
			color: #42b983;
		}
	}
}
</style>
